<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js引入方式</title>
</head>
<body>
<!--三种引入方式：
1. 内联式引入，直接在标签内部绑定事件以及方法处理；
能够直接给某一个具体的标签元素绑定js事件，无需我们手动获取该标签元素
2. 内部引入，在页面中使用<script></script>标签编写 js代码，在
script标签内部操作其他标签元素时，必须保证该标签元素是以及加载过的
3. 外部引入，在页面中使用script标签 指定引入哪一个js代码文件，在引入该文件后，
就能够在页面中使用该文件内定义的方法
-->
<!--onclick指的是当标签元素被点击时需要如何处理-->
<button onclick="alert('我被点击了')">按钮1</button>
</body>
<!--为了保证script中所有的设置都生效，所以通常将script代码放在body标签后面-->
<script>
    let btn = document.querySelector("button");
    btn.innerText = '666';
</script>
</html>